const red = {
  light: {
    "--background": { h: 0, s: 54, l: 95 },
    "--foreground": { h: 0, s: 5, l: 10 },
    "--card": { h: 0, s: 50, l: 90 },
    "--card-foreground": { h: 0, s: 5, l: 15 },
    "--popover": { h: 0, s: 54, l: 95 },
    "--popover-foreground": { h: 0, s: 95, l: 10 },
    "--primary": { h: 0, s: 72.2, l: 50.6 },
    "--primary-foreground": { h: 0, s: 0, l: 100 },
    "--secondary": { h: 0, s: 30, l: 70 },
    "--secondary-foreground": { h: 0, s: 0, l: 0 },
    "--muted": { h: -38, s: 30, l: 85 },
    "--muted-foreground": { h: 0, s: 5, l: 40 },
    "--accent": { h: -38, s: 30, l: 80 },
    "--accent-foreground": { h: 0, s: 5, l: 15 },
    "--destructive": { h: 0, s: 54, l: 47 },
    "--border": { h: 0, s: 30, l: 50 },
    "--input": { h: 0, s: 30, l: 47 },
    "--ring": { h: 0, s: 72.2, l: 50.6 },
    "--radius": "1rem",
  },
  dark: {
    "--background": { h: 0, s: 50, l: 10 },
    "--foreground": { h: 0, s: 5, l: 90 },
    "--card": { h: 0, s: 50, l: 10 },
    "--card-foreground": { h: 0, s: 5, l: 90 },
    "--popover": { h: 0, s: 50, l: 5 },
    "--popover-foreground": { h: 0, s: 5, l: 90 },
    "--primary": { h: 0, s: 72.2, l: 50.6 },
    "--primary-foreground": { h: 0, s: 0, l: 100 },
    "--secondary": { h: 0, s: 30, l: 20 },
    "--secondary-foreground": { h: 0, s: 0, l: 100 },
    "--muted": { h: -38, s: 30, l: 25 },
    "--muted-foreground": { h: 0, s: 5, l: 60 },
    "--accent": { h: -38, s: 30, l: 25 },
    "--accent-foreground": { h: 0, s: 5, l: 90 },
    "--destructive": { h: 0, s: 54, l: 47 },
    "--border": { h: 0, s: 30, l: 47 },
    "--input": { h: 0, s: 30, l: 47 },
    "--ring": { h: 0, s: 72.2, l: 50.6 },
    "--radius": "1rem",
  },
} as const;

export default red;
